import { createVitePlugins } from './plugin'
import { resolve } from 'path'
import { ConfigEnv, loadEnv, UserConfig } from 'vite'
import { wrapperEnv } from './utils'
const pathResolve = (dir: string) => {
  return resolve(process.cwd(), '.', dir)
}
import autoprefixer from 'autoprefixer';
import pxToViewport from 'postcss-px-to-viewport'
export default function ({ command, mode }: ConfigEnv): UserConfig {
  const isProduction = command === 'build'
  const root = process.cwd()
  const env = loadEnv(mode, root)
  const viteEnv = wrapperEnv(env)

  return {
    root,
    base: '/zcWebsite/',
    resolve: {
      alias: [
        // @/xxxx => src/xxxx
        {
          find: /@\//,
          replacement: pathResolve('src') + '/',
        },
        // #/xxxx => types/xxxx
        {
          find: /#\//,
          replacement: pathResolve('types') + '/',
        },
      ],
    },
    plugins: createVitePlugins(viteEnv, isProduction),
    build: {
      minify: 'terser',
      outDir: mode,
      terserOptions: {
        compress: {
          //生产环境时移除console
          drop_console: true,
          drop_debugger: true,
        },
      },
      rollupOptions: {
        output: {
          // 确保脚本按预期加载
          manualChunks(id) {
            if (id.includes('node_modules')) {
              return id.toString().split('node_modules/')[1].split('/')[0].toString()
            }
          },
        },
      },
    },
    css: {
      preprocessorOptions: {
        less: {
          modifyVars: {
            hack: `true; @import (reference) "${resolve('src/assets/css/varibles.less')}";`,
          },
          javascriptEnabled: true,
        },
      },
      postcss: {
        plugins: [
          pxToViewport({
            // 420 1920
            unitToConvert: 'px', // 需要转换的单位，默认为'px'
            viewportWidth: 1920, // 基准视口宽度（对应设计稿的宽度）
            viewportHeight: 667, // 视口高度（可选）
            unitPrecision: 5, // px转换为vw的小数位数（很多情况下用5）
            propList: ['*'], // 指定需要转换的属性，'*'表示全部转换，'font-size'表示只转换font-size属性
            viewportUnit: 'vw', // 指定需要转换成的视口单位，默认vw
            fontViewportUnit: 'vw', // 字体使用的视口单位，默认vw
            selectorBlackList: [], // 指定不转换为视口单位的类名，用逗号隔开
            minPixelValue: 1, // 小于或等于1px不转换为视口单位，默认1
            mediaQuery: false, // 允许在媒体查询中转换px
            replace: true, // 是否直接替换而不是添加后缀
            exclude: /node_modules/, // 设置忽略文件，用正则表达式匹配路径
            landscapeUnit: 'vw', // 横屏时使用的单位
            landscapeWidth: 1125, // 横屏时使用的视窗宽度
          }),
          autoprefixer({
            overrideBrowserslist: [
              'Android 4.1',
              'iOS 7.1',
              'Chrome > 31',
              'ff > 31',
              'ie >= 8',
              // 'last 2 versions', // 所有主流浏览器最近2个版本
            ],
            grid: true,
          }),
        //  pxtorem({
        //     rootValue: 15,
        //     exclude: /node_modules/i,
        //     propList: ['*'],
        //     // minPixelValue: 12, //px小于12的不会被转换
        //     // 保留rem小数点多少位 
        //     unitPrecision: 5
        //   })
        ],
      },
    },
  }
}
